<template>
  <div>
    <el-steps :active="stepvalue" simple style="width: 30%;margin:auto">
      <el-step title="步骤 1" icon="el-icon-edit"></el-step>
      <el-step title="步骤 2" icon="el-icon-upload"></el-step>
      <el-step title="步骤 3" icon="el-icon-picture"></el-step>
      <el-step title="步骤 4" icon="el-icon-thumb"></el-step>
    </el-steps>
  </div>
</template>

<script>
export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: "Divider",
  data() {
    return {
      stepvalue:1
    }
  },
  created(){
    this.$root.$on('stepvalue', value =>{
      this.stepvalue = value;
    })
  },
}
</script>

<style scoped>

</style>
